<!DOCTYPE html>
<html>
<head>
<script src="../jquery.js"></script>
<script>
$(document).ready(function(){
  $("#p1").mouseenter(function(){
    $(this).text("You have entered paragraph!");
  });
  $("#p1").mouseleave(function(){    
	$(this).text("Bye! You now leaving");
  });  
});
</script>
</head>
<body>

<br/><br/>
<p id="p1">This is a paragraph.</p>

</body>
</html>

